<template>
  <div>
    <JsonViewer :value="abc" showObjectKeysNumber></JsonViewer>
  </div>
</template>

<script setup lang="ts">
import { onMounted, ref } from 'vue';

const test = {
  '[idc] cszx': {
    '[版本] 2024072919469013247': {
      'k3-statefulset-test-aphrodite-0-z65fp-0': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:54',
        },
      },
      'k3-statefulset-test-aphrodite-0-z65fp-1': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:54',
        },
      },
      'k3-statefulset-test-aphrodite-0-z65fp-2': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:54',
        },
      },
      'k3-statefulset-test-aphrodite-1-s9tzx-0': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:54',
        },
      },
      'k3-statefulset-test-aphrodite-1-s9tzx-1': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:54',
        },
      },
      'k3-statefulset-test-aphrodite-1-s9tzx-2': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-10-62t7q-0': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:54',
        },
      },
      'k3-statefulset-test-aphrodite-10-62t7q-1': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:54',
        },
      },
      'k3-statefulset-test-aphrodite-10-62t7q-2': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:54',
        },
      },
      'k3-statefulset-test-aphrodite-2-4655r-0': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-2-4655r-1': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-2-4655r-2': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-3-6v6d6-0': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-3-6v6d6-1': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-3-6v6d6-2': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-4-pdrst-0': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-4-pdrst-1': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-4-pdrst-2': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-5-kpwlw-0': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-5-kpwlw-1': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-5-kpwlw-2': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-6-6gdgj-0': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-6-6gdgj-1': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-6-6gdgj-2': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-7-6msbz-0': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-7-6msbz-1': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-7-6msbz-2': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-8-nqs9v-0': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-8-nqs9v-1': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-8-nqs9v-2': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-9-qtm7p-0': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-9-qtm7p-1': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
      'k3-statefulset-test-aphrodite-9-qtm7p-2': {
        '2024072919469013247': {
          加载时间: '2024-07-29 19:42:55',
        },
      },
    },
  },
};
const abc = ref({});
onMounted(() => {
  setTimeout(() => {
    abc.value = { ...test };
    console.log(test, abc.value);
  }, 2000);
});
</script>

<style scoped></style>
